<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html" />
        <link href="dialogs.css" rel="stylesheet" type="text/css" />
        <script language="javascript" src="SOD.js"></script>
        <script language="javascript"></script>
    </head>
    
    <body onload="onLoad()" class="label">
    
        <fieldset>
            <legend>Bar Inputs</legend>
            <table border="0" cellpadding="4" width="100%" align="center">
                <tr>
                    <td width="30%">
                        &nbsp;&nbsp;Name:
                    </td>
                    <td>
                        <input name="NAME" type="text" class="static_text" size="30" width="100%" style="width:100%; border: none; " readonly>
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;&nbsp;Max. Roomsize:
                    </td>
                    <td>
                        <select name="ROOMSIZE" class="text" width="100%" style="width:100%;" onchange="onChangeElement(this)"></select>
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;&nbsp;Flexibility:
                    </td>
                    <td>
                        <select name="FLEXIBILITY" class="text" width="100%" style="width:100%;" onchange="onChangeElement(this)"></select>
                    </td>
                </tr> 
                <tr>
                    <td>
                        &nbsp;&nbsp;Storeys:
                    </td>
                    <td>
                        <select name="STOREYS" class="text" width="100%" style="width:100%;" onchange="onChangeElement(this)"></select>
                    </td>
                </tr>
            </table>
        </fieldset>
        <fieldset>
            <legend>Bar Basic Information</legend>
            <table border="0" cellpadding="4" width="100%" align="center">
                <tr>
                    <td width="30%">
                        &nbsp;&nbsp;Length [m]:
                    </td>
                    <td>
                        <input name="LENGTH" type="text" class="static_text" size="30" width="100%" style="width:100%; border: none; " readonly>
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;&nbsp;Width [m]:
                    </td>
                    <td>
                        <input name="WIDTH" type="text" class="static_text" size="30" width="100%" style="width:100%; border: none; " readonly>
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;&nbsp;Origin:
                    </td>
                    <td>
                        <input name="ORIGIN" type="text" class="static_text" size="30" width="100%" style="width:100%; border: none; " readonly>
                    </td>
                </tr> 
                <tr>
                    <td>
                        &nbsp;&nbsp;Direction:
                    </td>
                    <td>
                        <input name="DIRECTION" type="text" class="static_text" size="30" width="100%" style="width:100%; border: none; " readonly>
                    </td>
                </tr>
            </table>
        </fieldset>
        <table align="right" >
            <tr><td>
                <input name="MODELBUTTON" type="button" class="static_text" onclick="callRubyShowModel()" value="Show Model"/>
            </td></tr>
        </table>
    </body>
</html>